<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width,initial-scale=1.0" />
  <link rel="stylesheet" media="print" href="/print/_css/report.css" />
  <link rel="stylesheet" media="print" href="/print/_css/who.css" />
  <script src="/print/_js/echarts.common.min.js"></script>
  <script src="/print/_js/echarts.min.js"></script>
  <title>WHO生长曲线图</title>
</head>

<body>
  <div class="printOrder printOrder-data" id="reportApp">
    <div>
      <div class="chart_content who_print_content" style="overflow: hidden;">
        <div style="margin-top:5mm;display:inline-block;width:100%;"></div>
        <h2 class="who_hospital_title">
          {{hosiptal}}儿童体检报告
        </h2>
        <div class="float_clear"></div>
        <div class="chart_info_box" style="margin-top:5mm;">
          <div class="small_info" style="width:23%;">
            <label>病历号:</label>
            <span>{{detail.archivesCode}}</span>
          </div>
          <div class="small_info" style="width:14%">
            <label>姓名:</label>
            <span>{{detail.name}}</span>
          </div>
          <div class="small_info" style="width:23%;">
            <label>出生日期:</label>
            <span>{{detail.birthday}}</span>
          </div>
          <div class="small_info" style="width:12%">
            <label>性别:</label>
            <span>
              {{detail.sex ==1?'男':(detail.sex ==2?'女':'不详')}}
            </span>
          </div>
          <div class="small_info" style="width:22%">
            <label>实足年龄:</label>
            <span>{{detail.age}}岁{{detail.sdfMonth}}月{{detail.sdfDay}}天</span>
          </div>
        </div>
        <h2 class="who_evaluate_title">
          体格发育评价：
          <div class="small_info" style="display:inline-block;">
            <label>体检日期:</label>
            <span>{{pxDate}}</span>
          </div>
        </h2>
        <div>
          <h4 class="who_title" style="font-size:3mm;"> <span style="float:left">1、生长水平</span>
            <span style="display:inline-block;text-indent:50mm;font-size: 3.5mm;">生长水平与中国标准值对照表</span>
          </h4>
          <div class="grow_table" style="min-height:25mm;">
            <ul>
              <li>
                <span>体检项目</span>
                <span>本次体检值</span>
                <span style="width:14%">生长发育评价</span>
                <span>P3</span>
                <span>P10</span>
                <span>P20</span>
                <span>P50</span>
                <span>P80</span>
                <span>P97</span>
              </li>
              <li v-for="(item,index) in grow_list" :key="index">
                <span>{{item.pxType}}</span>
                <span>{{item.pxValues}}</span>
                <span style="width:14%">{{item.info}}</span>
                <span>{{item.xx3}}</span>
                <span>{{item.xx2}}</span>
                <span>{{item.xx1}}</span>
                <span>{{item.zws}}</span>
                <span>{{item.sx1}}</span>
                <span>{{item.sx3}}</span>
              </li>
            </ul>
          </div>
        </div>
        <div>
          <h4 class="who_title" style="font-size:3mm;">2、生长检测曲线图：</h4>
          <h3 class="who_title" style="margin:0px;font-size:3.5mm;text-indent:70mm;">
            {{detail.name}}身高、体重生长检测曲线图</h3>
          <span class="who_print_unit">体重(KG)</span>
          <span class="who_print_height">身高(CM)</span>
          <span class="who_print_head">头围(CM)</span>
          <!-- <span class="who_print_unit" style="left:68.5%;font-size: 12px;font-weight: normal;color:#222;"
                        :style="{'top':print_height+'rem'}">身高P50</span>
                    <span class="who_print_unit" style="left:68.5%;font-size:12px;font-weight: normal;color:#222;"
                        :style="{'top':print_unit+'rem'}">体重P50</span> -->
          <ul>
            <li></li>
          </ul>
          <div id="who_img_box">
            <div id="chart" style="height:360px;width:1080px;"></div>
            <div id="myHeight" style="width:1200px;height:780px;"></div>
          </div>
          <div class="float_clear"></div>
        </div>
        <div class="float_clear"></div>
        <!--<div class="who_print_tg_box">-->
        <!--<h4 class="who_title">3、发育评估：无</h4>-->
        <!--</div>-->
        <!--<div class="who_print_tg_box">-->
        <!--<h4 class="who_title">4、疾病评估：无</h4>-->
        <!--</div>-->
        <!-- <div class="who_print_tg_box">
                    <h4 class="who_title" style="margin-top:5px;">体格评估：正常</h4>
                </div> -->
        <div style="display:inline-block;width:100%;position:fixed;bottom:30mm;text-indent:48mm;color: #999;font-size: 12px;">
          <span>（注：评估结果受多种因素影响，此报告仅供参考）</span>
        </div>        
        <div class="chart_info_box"
          style="border-bottom: 0px;margin-top:0;margin-bottom:0px;padding-bottom: 0px;position:fixed;bottom:8mm;">
          <div class="small_info" style="width:30%;float:left">
            <label>体检医院:{{hosiptal}}</label>
            <span></span>
          </div>
          <div class="small_info" style="width:18%;float: left">
            <label>体检医生:{{pxDoctor}}</label>
            <span></span>
          </div>
          <div class="small_info" style="width:24%;float: left">
            <label>打印日期:{{pxDate}}</label>
            <span></span>
          </div>
          <div class="small_info" style="width:25%;float:left">
            <label>咨询电话:021-58586298</label>
            <span></span>
          </div>
        </div>
        <div style="display:inline-block;width: 100%;position:fixed;bottom:5mm;">
          <span
            style="font-size: 12px;color: #333;text-align:center;text-indent:10px;letter-spacing:2px;display: inline-block;width:100%;">重庆善功科技有限公司开发
            <span>http://www.eggcy.com/</span>
          </span>
        </div>
      </div>
    </div>
  </div>
  <!-- built files will be auto injected -->
  <script src="https://lib.baomitu.com/vue/2.6.10/vue.min.js"></script>
  <script src="https://lib.baomitu.com/axios/0.17.0/axios.min.js"></script>
  <script src="https://lib.baomitu.com/qs/6.5.2/qs.min.js"></script>
  <!-- <script src="/src/_js/http.js"></script> -->
  <script>
    var vm = new Vue({
      el: "#reportApp",
      data: {
        detail: '',
        hosiptal: '',
        logo: '',
        grow_list: [],
        pxNums: "",
        pxDate: "",
        pxDoctor: "",
        loading: true,
      },
      mounted() {
        var th = this;
        window.addEventListener("message", function (event) {
          var data = event.data;
          var pa = JSON.parse(data.params)
          var res = pa.whoInfo
          th.detail = pa.detail;
          if (data.cmd == "postJson") {
            th.$nextTick(function () {
              th.detail = pa.detail;
              th.logo = pa.logo;
              th.hosiptal = pa.hospitalName;
              th.grow_list = res.szspInfo;
              // 基于准备好的dom，初始化echarts实例
              var myHeight = echarts.init(document.getElementById("myHeight"));
              var myChart = echarts.init(document.getElementById("chart"));
              var img2 = "";
              if (res.szspInfo != null) {
                th.grow_list = res.szspInfo;
              }
              th.pxNums = res.pxNums;
              th.pxDate = res.pxDate;
              th.pxDoctor = res.pxDoctor;
              // this.findExamList(res.pxNums);
              if (res.heightInfo != null) {
                var width_options = th.getWidthOtions(
                  res.weightInfo,
                  res.weightInfo2,
                  res.pxWeights,
                  res.pxWeights2,
                  res.heightInfo,
                  res.heightInfo2,
                  res.pxHeights,
                  res.pxHeights2,
                  res.pxZcWeights,
                  res.pxZcHeights,
                  res.heightsXs
                );
                myHeight.setOption(width_options);
                var new_img = new Image();
                document.getElementById("who_img_box").appendChild(new_img);
                myHeight.on("finished", function () {
                  new_img.src = myHeight.getDataURL();
                  new_img.className = "myheight_img";
                });
              }
              if (res.headsInfo != null) {
                var head_options = th.getHeadOptions(
                  res.headsInfo,
                  res.pxHeads,
                  res.pxZcHeads,
                  res.headsXs
                );
                myChart.setOption(head_options);
                var snapshotImage = new Image();
                document.getElementById("who_img_box").appendChild(snapshotImage);
                myChart.on('finished', function () {
                  snapshotImage.src = myChart.getDataURL();
                  snapshotImage.className = "myChart_img";
                });
              }
              setTimeout(function () {
                document.getElementById("myHeight").style.height = "0px";
                document.getElementById("chart").style.height = "0px";
                window.print();
                // window.document.body.innerHTML = document.getElementsByClassName("printOrder-data")[0].innerHTML;
              }, 2000);
            });
          }
        })
      },
      methods: {
        getHeadOptions(headsInfo, pxHeads, pxZcHeads, heightsXs) {
          let th = this;
          let head_zws = th.getPointList(headsInfo.zws);
          let head_sx2 = th.getPointList(headsInfo.sx3);
          let head_sx1 = th.getPointList(headsInfo.sx1);
          let head_xx2 = th.getPointList(headsInfo.xx3);
          let head_xx1 = th.getPointList(headsInfo.xx1);
          let header_info = th.getPointList(pxHeads);
          let zc_head_info = th.getPointList(pxZcHeads);
          let symbol_size = 8;
          // let max_xs=headsInfo.xs[headsInfo.xs.length-1];
          // let xs_data=[]
          let itemStyles = {
            normal: {
              lineStyle: {
                width: 2,
                type: "solid" //'dotted'虚线 'solid'实线
              }
            }
          };
          let itemStyle = {
            normal: {
              lineStyle: {
                width: 2, //折线宽度
                type: "solid"
              }
            }
          };
          let max_xs = heightsXs;
          let min_xs = max_xs[0];
          let maxxs = max_xs[max_xs.length - 1];
          let xs_data = [];
          for (let i = 0; i <= maxxs.length; i++) {
            if (i % 6 == 0) {
              xs_data.push(i);
            } else {
              xs_data.push("");
            }
          }
          let colorsList = [];
          for (let i = 0; i < 73; i++) {
            if (i % 6 == 0) {
              colorsList.push("#000");
            } else {
              colorsList.push("#999");
            }
          }
          let color = ["#000"];
          //标准字体
          let label_size = "20";
          //轴线字体
          let font_size = "20";
          let headOptions = {
            tooltip: {
              trigger: "axis"
            },
            // legend: {
            //   data:['-2SD','-1SD','中位数','+1SD','+2SD']
            // },
            grid: {
              left: "2.5%",
              right: "20%",
              top: "3%",
              bottom: "2%",
              containLabel: true
            },
            xAxis: [
              {
                type: "value",
                boundaryGap: false,
                min: min_xs,
                max: maxxs,
                // data:xs_data,
                splitNumber: 36,
                // interval:6,
                axisTick: {
                  //y轴刻度线
                  show: true
                },
                splitLine: {
                  show: true,
                  // interval:0,
                  lineStyle: {
                    type: "solid",
                    color: colorsList,
                    width: 2
                  }
                },
                axisLabel: {
                  // interval:6,
                  textStyle: {
                    fontSize: font_size
                  },
                  formatter: function (params) {
                    let num = "";
                    if (parseInt(params) % 6 == 0) {
                      num = params;
                    }
                    return num;
                  }
                },
                axisLine: {
                  //x轴
                  lineStyle: {
                    type: "solid",
                    color: "#000",
                    width: 2
                  }
                }
              },
              {
                axisLine: {
                  //x轴
                  lineStyle: {
                    type: "solid",
                    color: "#000",
                    width: 2,
                    fontSize: 16
                  }
                }
              }
            ],
            yAxis: [
              {
                type: "value",
                min: 32,
                max: 52,
                splitNumber: 10,
                interval: 1,
                axisLabel: {
                  formatter: function (params) {
                    let num = "";
                    if (parseInt(params) % 2 == 0) {
                      num = params;
                    }
                    return num;
                  },
                  textStyle: {
                    fontSize: font_size
                  }
                },
                axisTick: {
                  //y轴刻度线
                  show: false
                },
                axisLine: {
                  //y轴
                  // "show":false
                  lineStyle: {
                    color: "#000",
                    width: 2,
                    fontSize: font_size
                  }
                },
                splitLine: {
                  show: true,
                  lineStyle: {
                    type: "solid",
                    color: ["#777"]
                  }
                }
              },
              {
                axisLine: {
                  //y轴
                  // "show":false
                  lineStyle: {
                    color: "#000",
                    width: 2,
                    fontSize: font_size
                  }
                }
              }
            ],
            series: [
              {
                type: "line",
                data: head_sx2,
                symbolSize: symbol_size,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                itemStyle: itemStyles,
                color: color
              },
              {
                type: "line",
                data: head_sx1,
                symbolSize: symbol_size,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                itemStyle: itemStyles,
                color: color
              },
              {
                type: "line",
                data: head_zws,
                symbolSize: symbol_size,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                color: color,
                itemStyle: itemStyle
              },
              {
                type: "line",
                data: head_xx1,
                symbolSize: symbol_size,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                itemStyle: itemStyles,
                color: color
              },
              {
                type: "line",
                data: head_xx2,
                symbolSize: symbol_size,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                itemStyle: itemStyles,
                color: color
              },
              {
                type: "line",
                // smooth: true,
                symbolSize: symbol_size,
                data: header_info,
                color: "#101010",
                symbol: "emptyCircle"
              }
              // {
              //   type: "line",
              //   name: "",
              //   // smooth: true,
              //   symbolSize: symbol_size,
              //   data: zc_head_info,
              //   color: "#101010",
              //   symbol: "circle" //早产
              // }
            ]
          };
          return headOptions;
        },
        getWidthOtions(option, width, px, px2, option2, height, pxs, pxs2, zcwidth, zcheight, heightx) {
          let th = this;
          let op_sx3,
            op_sx2,
            op_sx1,
            op_zws,
            op_xx1,
            op_xx3,
            op_xx2,
            w_sx3,
            w_sx2,
            w_sx1,
            w_zws,
            w_xx2,
            w_xx3,
            w_xx1,
            ops_sx3,
            ops_sx2,
            ops_sx1,
            ops_zws,
            ops_xx1,
            ops_xx3,
            ops_xx2,
            ws_sx3,
            ws_sx2,
            ws_sx1,
            ws_zws,
            ws_xx2,
            ws_xx3,
            ws_xx1 = [];
          let px_option = th.getPointList(px);
          let px_option2 = th.getPointList(px2);
          let pxs_option = th.getPointList(pxs);
          let pxs_option2 = th.getPointList(pxs2);
          let zc_width = th.getPointList(zcwidth);
          let zc_height = th.getPointList(zcheight);
          if (option2 != null) {
            // ops_sx3=getPointList(option2.sx3)
            ops_sx2 = th.getPointList(option2.sx3);
            ops_sx1 = th.getPointList(option2.sx1);
            ops_zws = th.getPointList(option2.zws);
            ops_xx1 = th.getPointList(option2.xx1);
            ops_xx3 = th.getPointList(option2.xx3)
            ops_xx2 = th.getPointList(option2.xx2);
          }
          if (height != null) {
            // ws_sx3=getPointList(height.sx3)
            ws_sx2 = th.getPointList(height.sx3);
            ws_sx1 = th.getPointList(height.sx1);
            ws_zws = th.getPointList(height.zws);
            ws_xx3 = th.getPointList(height.xx3)
            ws_xx2 = th.getPointList(height.xx2);
            ws_xx1 = th.getPointList(height.xx1);
          }
          if (option != null) {
            op_sx2 = th.getPointList(option.sx3);
            op_zws = th.getPointList(option.zws);
            op_sx1 = th.getPointList(option.sx1);
            op_xx2 = th.getPointList(option.xx2);
            op_xx3 = th.getPointList(option.xx3);
            op_xx1 = th.getPointList(option.xx1);
          }
          if (width != null) {
            w_sx2 = th.getPointList(width.sx3);
            w_sx1 = th.getPointList(width.sx1);
            w_zws = th.getPointList(width.zws);
            w_xx2 = th.getPointList(width.xx2);
            w_xx3 = th.getPointList(width.xx3);
            w_xx1 = th.getPointList(width.xx1);
          }
          let width_options = {};
          let colors = ["#000"];
          //线加粗
          let colorsList = []
          for (let i = 0; i < 73; i++) {
            if (i % 6 == 0) {
              colorsList.push('#000')
            } else {
              colorsList.push('#999')
            }
          }
          let itemStyles = {
            normal: {
              lineStyle: {
                width: 2,
                type: "solid" //'dotted'虚线 'solid'实线
              }
            }
          };
          let color = ["#000"];
          let itemStyle = {
            normal: {
              lineStyle: {
                width: 2, //折线宽度
                type: "solid"
              }
            }
          };
          //标准字体
          let label_size = '20';
          //轴线字体
          let font_size = '24';
          let symbol_size = 9;
          let max_xs = heightx;
          let min_xs = max_xs[0];
          if (min_xs > 0) {
            min_xs = 0
          }
          let maxxs = max_xs[max_xs.length - 1];
          let xs_data = [];
          for (let i = 0; i <= maxxs; i++) {
            if (i < 0) {
              xs_data.push(i);
            } else {
              if (i % 6 == 0) {
                xs_data.push(i);
              } else {
                xs_data.push("");
              }
            }
          }
          let _maxnum = 110;
          let _wmaxnum = 32;
          if (maxxs > 70) {
            _maxnum = 130;
            _wmaxnum = 40;
            this.print_unit = "58.2";
            this.print_height = "41.4";
          }
          width_options = {
            grid: {
              left: "1%",
              right: "17%",
              top: "3%",
              bottom: "3%",
              containLabel: true
            },
            // legend:["身高P97","身高P85","身高P50","身高P15","身高P3","身高发育曲线"],
            legend: {
              show: true,
              right: "2%",
              top: "3%",
              data: [
                {
                  name: "身高P97",
                  textStyle: {
                    fontSize: label_size,
                    color: color
                  }
                },
                "\n",
                {
                  name: "身高P80",
                  textStyle: {
                    fontSize: label_size,
                    color: color
                  }
                },
                "\n",
                {
                  name: "身高P50",
                  textStyle: {
                    fontSize: label_size,
                    color: color
                  }
                },
                "\n",
                {
                  name: "身高P20",
                  textStyle: {
                    fontSize: label_size,
                    color: color
                  }
                },
                "\n",
                {
                  name: "身高P10",
                  textStyle: {
                    fontSize: label_size,
                    color: color
                  }
                },
                "\n",
                {
                  name: "身高P3",
                  textStyle: {
                    fontSize: label_size,
                    color: color
                  }
                },
                "\n",
                {
                  name: "身高发育曲线",
                  textStyle: {
                    fontSize: label_size,
                    color: color
                  }
                },
                "\n",
                {
                  name: "体重P97",
                  textStyle: {
                    fontSize: label_size,
                    color: color
                  }
                },
                "\n",
                {
                  name: "体重P80",
                  textStyle: {
                    fontSize: label_size,
                    color: color
                  }
                },
                "\n",
                {
                  name: "体重P50",
                  textStyle: {
                    fontSize: label_size,
                    color: color
                  }
                },
                "\n",
                {
                  name: "体重P20",
                  textStyle: {
                    fontSize: label_size,
                    color: color
                  }
                },
                "\n",
                {
                  name: "体重P10",
                  textStyle: {
                    fontSize: label_size,
                    color: color
                  }
                },
                "\n",
                {
                  name: "体重P3",
                  textStyle: {
                    fontSize: label_size,
                    color: color
                  }
                },
                "\n",
                {
                  name: "体重发育曲线",
                  textStyle: {
                    fontSize: label_size,
                    color: color
                  }
                }
              ],
              formatter: function (params) {
                if (params.indexOf("\n") == -1) {
                  return params;
                } else {
                  return params.split("\n")[0] + "}\n" + params.split("\n")[1];
                }
              }
            },
            xAxis: [
              {
                type: "value",
                boundaryGap: false,
                min: min_xs,
                max: maxxs,
                splitNumber: maxxs,
                axisTick: {
                  //y轴刻度线
                  show: false
                },
                axisLabel: {
                  // formatter:'{value}',
                  formatter: function (params) {
                    let num = "";
                    if (parseInt(params) % 6 == 0) {
                      num = params;
                    }
                    return num;
                  },
                  textStyle: {
                    fontSize: font_size,
                    color: "#000"
                  }
                },
                splitLine: {
                  show: true,
                  lineStyle: {
                    type: "solid",
                    color: colorsList,
                    width: 2
                  },
                  interval: 6
                },
                axisLine: {
                  //y轴
                  lineStyle: {
                    color: "#000",
                    width: 2
                  }
                }
              },
              {
                axisLine: {
                  //y轴
                  lineStyle: {
                    color: "#000",
                    width: 2
                  }
                }
              }
            ],
            yAxis: [
              {
                type: "value",
                // name:'身高(CM)',
                position: "left",
                min: 35,
                splitNumber: 18,
                max: _maxnum,
                interval: 5,
                nameTextStyle: {
                  color: "#000",
                  fontSize: font_size,
                  padding: 10,
                  show: true
                },
                axisLabel: {
                  formatter: "{value}",
                  interval: 10,
                  show: true,
                  textStyle: {
                    color: "#000",
                    fontSize: font_size
                  }
                },
                axisTick: {
                  //y轴刻度线
                  show: false
                },
                axisLine: {
                  //y轴
                  // "show":false
                  lineStyle: {
                    color: "#000",
                    width: 2,
                    fontSize: 22
                  }
                },
                splitLine: {
                  show: true,
                  lineStyle: {
                    type: "solid",
                    color: ["#000"],
                    width: 1
                  }
                }
              },
              {
                type: "value",
                // name:'体重(KG)',
                position: "right",
                min: 2,
                splitNumber: 18,
                max: _wmaxnum,
                interval: 1,
                nameTextStyle: {
                  color: "#000",
                  fontSize: font_size,
                  padding: 10,
                  show: true
                },
                axisLabel: {
                  formatter: function (params) {
                    let num = "";
                    if (parseInt(params) < 21) {
                      if (parseInt(params) % 2 == 0) {
                        num = params;
                      }
                    }
                    return num;
                  },
                  textStyle: {
                    fontSize: font_size,
                    color: "#000"
                  }
                },
                axisTick: {
                  //y轴刻度线
                  show: false
                },
                axisLine: {
                  //y轴
                  // "show":false
                  lineStyle: {
                    color: "#000",
                    width: 2,
                    fontSize: 22
                  }
                },
                splitLine: {
                  show: true,
                  lineStyle: {
                    type: "solid",
                    color: ["#000"],
                    width: 1
                  }
                }
              }
            ],
            series: [
              {
                type: "line",
                name: "体重P97",
                yAxisIndex: 1,
                data: op_sx2,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                color: colors,
                symbolSize: symbol_size,
                itemStyle: itemStyles
              },
              {
                type: "line",
                name: "体重P80",
                yAxisIndex: 1,
                data: op_sx1,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                color: colors,
                symbolSize: symbol_size,
                itemStyle: itemStyles
              },
              {
                type: "line",
                name: "体重P50",
                yAxisIndex: 1,
                data: op_zws,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                color: color,
                symbolSize: symbol_size,
                itemStyle: itemStyle
              },
              {
                type: "line",
                name: "体重P20",
                yAxisIndex: 1,
                data: op_xx1,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                color: colors,
                symbolSize: symbol_size,
                itemStyle: itemStyles
              },
              {
                type: "line",
                name: "体重P10",
                yAxisIndex: 1,
                data: op_xx2,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                color: colors,
                symbolSize: symbol_size,
                itemStyle: itemStyles
              },
              {
                type: "line",
                name: "体重P3",
                yAxisIndex: 1,
                data: op_xx3,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                color: colors,
                symbolSize: symbol_size,
                itemStyle: itemStyles
              },
              {
                type: "line",
                name: "体重P97",
                yAxisIndex: 1,
                data: w_sx2,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                color: colors,
                symbolSize: symbol_size,
                itemStyle: itemStyles
              },
              {
                type: "line",
                name: "体重P80",
                yAxisIndex: 1,
                data: w_sx1,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                color: colors,
                symbolSize: symbol_size,
                itemStyle: itemStyles
              },
              {
                type: "line",
                name: "体重P50",
                yAxisIndex: 1,
                data: w_zws,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                color: color,
                symbolSize: symbol_size,
                itemStyle: itemStyle,
                label: {
                  show: true
                }
              },
              {
                type: "line",
                name: "体重P20",
                yAxisIndex: 1,
                data: w_xx1,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                color: colors,
                symbolSize: symbol_size,
                itemStyle: itemStyles
              },
              {
                type: "line",
                name: "体重P10",
                yAxisIndex: 1,
                data: w_xx2,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                color: colors,
                symbolSize: symbol_size,
                itemStyle: itemStyles
              },
              {
                type: "line",
                name: "体重P3",
                yAxisIndex: 1,
                data: w_xx3,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                color: colors,
                symbolSize: symbol_size,
                itemStyle: itemStyles
              },
              {
                type: "line",
                name: "体重发育曲线",
                yAxisIndex: 1,
                // smooth: true,
                data: px_option,
                color: "#101010",
                symbolSize: symbol_size,
                symbol: "emptyCircle"
              },
              {
                type: "line",
                name: "体重发育曲线",
                yAxisIndex: 1,
                // smooth: true,
                data: px_option2,
                color: "#101010",
                symbolSize: symbol_size,
                symbol: "emptyCircle"
              },
              // {
              //   type: "line",
              //   name: "体重发育曲线",
              //   yAxisIndex: 1,
              //   // smooth: true,
              //   data: zc_width, //早产
              //   color: "#101010",
              //   symbolSize: symbol_size,
              //   symbol: "circle"
              // },
              //height
              {
                type: "line",
                name: "身高P97",
                yAxisIndex: 0,
                data: ops_sx2,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                color: colors,
                symbolSize: symbol_size,
                itemStyle: itemStyles
              },
              {
                type: "line",
                name: "身高P80",
                yAxisIndex: 0,
                data: ops_sx1,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                color: colors,
                symbolSize: symbol_size,
                itemStyle: itemStyles
              },
              {
                type: "line",
                name: "身高P50",
                yAxisIndex: 0,
                data: ops_zws,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                color: color,
                symbolSize: symbol_size,
                label: {
                  show: true
                },
                itemStyle: itemStyle
              },
              {
                type: "line",
                name: "身高P20",
                yAxisIndex: 0,
                data: ops_xx1,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                color: colors,
                symbolSize: symbol_size,
                itemStyle: itemStyles
              },
              {
                type: "line",
                name: "身高P10",
                yAxisIndex: 0,
                data: ops_xx2,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                color: colors,
                symbolSize: symbol_size,
                itemStyle: itemStyles
              },
              {
                type: "line",
                name: "身高P3",
                yAxisIndex: 0,
                data: ops_xx3,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                color: colors,
                symbolSize: symbol_size,
                itemStyle: itemStyles
              },
              {
                type: "line",
                name: "身高P97",
                yAxisIndex: 0,
                data: ws_sx2,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                color: colors,
                symbolSize: symbol_size,
                itemStyle: itemStyles
              },
              {
                type: "line",
                name: "身高P80",
                yAxisIndex: 0,
                data: ws_sx1,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                color: colors,
                symbolSize: symbol_size,
                itemStyle: itemStyles
              },
              {
                type: "line",
                name: "身高P50",
                yAxisIndex: 0,
                data: ws_zws,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                color: color,
                symbolSize: symbol_size,
                itemStyle: itemStyle
              },
              {
                type: "line",
                name: "身高P20",
                yAxisIndex: 0,
                data: ws_xx1,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                color: colors,
                symbolSize: symbol_size,
                itemStyle: itemStyles
              },
              {
                type: "line",
                name: "身高P10",
                yAxisIndex: 0,
                data: ws_xx2,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                color: colors,
                symbolSize: symbol_size,
                itemStyle: itemStyles
              },
              {
                type: "line",
                name: "身高P3",
                yAxisIndex: 0,
                data: ws_xx3,
                symbol: "none", //这句就是去掉点的
                // smooth: true,
                color: colors,
                symbolSize: symbol_size,
                itemStyle: itemStyles
              },
              {
                type: "line",
                name: "身高发育曲线",
                yAxisIndex: 0,
                // smooth: true,
                symbolSize: 12,
                data: pxs_option,
                color: "#101010",
                symbolSize: symbol_size,
                symbol: "emptyCircle"
              },
              {
                type: "line",
                name: "身高发育曲线",
                yAxisIndex: 0,
                // smooth: true,
                symbolSize: 12,
                data: pxs_option2,
                color: "#101010",
                symbolSize: symbol_size,
                symbol: "emptyCircle"
              }
              // {
              //   type: "line",
              //   name: "身高发育曲线",
              //   yAxisIndex: 0,
              //   // smooth: true,
              //   symbolSize: 12,
              //   data: zc_height,
              //   color: "#101010",
              //   symbolSize: symbol_size,
              //   symbol: "circle" //早产
              // }
            ]
          };
          return width_options;
        },
        getPointList(value) {
          let options = [];
          if (value != null && value != undefined) {
            for (let i = 0; i < value.length; i++) {
              let a = value[i].split(",");
              let list = [];
              for (let j = 0; j < a.length; j++) {
                list.push(Number(a[j]));
              }
              options.push(list);
            }
          }
          return options;
        }
      },
    })
  </script>
</body>

</html>